.evaluate-poly-component {
  flex: 1;
	/* #ifdef MP-TOUTIAO || MP-QQ || MP-BAIDU || MP-KUAISHOU */
	height: 100%;
	/* #endif */
  overflow-y: hidden;
	.evaluate-poly-scroll-view {
		height: 100%;
	}
  .evaluate-params-list {
    padding: 0 24rpx 24rpx;
    .evaluate-category-name {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 92rpx;
      font-size: 32rpx;
      font-weight: bold;
      color: #2c2c2c;
    }
    .no-placeholder {
      padding-top: 24rpx;
    }
    .evaluate-question-item {
      padding: 0 24rpx;
      margin-top: 24rpx;
      background: #ffffff;
      border-radius: 12rpx;
      &:first-child {
        margin-top: 0;
      }
      .evaluate-question-title {
        display: flex;
        align-items: center;
        padding: 32rpx 0;
        font-size: 32rpx;
        color: #2c2c2c;
        .evaluate-question-name {
          margin-right: 12rpx;
          font-weight: 650;
        }
        .evaluate-question-tips {
          margin-right: 12rpx;
          font-size: 24rpx;
          color: #2496ff;
          .evaluate-tips {
            display: flex;
            align-items: center;
          }
          .icon-right {
            width: 24rpx;
            height: 24rpx;
          }
          .icon-question {
            width: 40rpx;
            height: 40rpx;
          }
        }
        .select-answer-name {
          flex: 1;
          text-align: right;
          font-size: 28rpx;
          color: #777777;
          word-break: keep-all;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }
        .icon-down {
          margin-left: 16rpx;
          width: 40rpx;
          height: 40rpx;
          transition: .2s;
          transform: rotateZ(0deg);
          &.fold {
            transform: rotateZ(180deg);
          }
        }
      }
      .evaluate-answers {
        padding-bottom: 32rpx;
        .answer-name {
          line-height: 40rpx;
        }
        &.single {
          .answer-name {
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
          }
        }
        &.multiple {
          display: flex;
          flex-wrap: wrap;
          .evaluate-answers-item {
            width: 50%;
            min-height: 132rpx;
            &:nth-child(2n+1) {
              padding-right: 12rpx;
            }
            &:nth-child(2n) {
              padding-left: 12rpx;
            }
            &:nth-child(2) {
              margin-top: 0;
            }
            .evaluate-answers-body {
              display: block;
            }
            .evaluate-answers-content {
              padding: 24rpx 0;
            }
          }
        }
      }
      .evaluate-answers-item {
        margin-top: 24rpx;
        min-height: 112rpx;
        box-sizing: border-box;
        &:first-child {
          margin-top: 0;
        }
        .evaluate-answers-body {
          display: flex;
          height: 100%;
        }
        .evaluate-answers-content {
          display: flex;
          align-items: center;
          width: 100%;
          min-height: 112rpx;
          height: 100%;
          font-size: 28rpx;
          border-radius: 8rpx;
          border: 1px solid transparent;
          box-sizing: border-box;
          overflow: hidden;
          &.active {
            .answer-name {
              font-weight: bold;
            }
          }
        }
        .answer-image-body {
          padding: 8rpx 0 8rpx 8rpx;
        }
        .answer-image {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center;
          width: 116rpx;
          height: 116rpx;
          background: #ffffff;
          border-radius: 8rpx;
          overflow: hidden;
          .icon-answer-image {
            width: 100%;
            height: auto;
          }
          .icon-image-zoom {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 28rpx;
            height: 28rpx;
          }
        }
        .answer-content {
          flex: 1;
          padding: 0 32rpx;
          line-height: 40rpx;
          font-size: 28rpx;
          overflow: hidden;
          &.crowded {
            padding: 24rpx 32rpx;
          }
          .multiple-answer-name {
            display: flex;
            align-items: center;
          }
          .icon-question {
            flex-shrink: 0;
            margin-right: 12rpx;
            width: 40rpx;
            height: 40rpx;
            border: 0;
            vertical-align: top;
          }
          .answer-rate {
            margin-top: 10rpx;
            line-height: 34rpx;
            font-size: 24rpx;
            color: #FE681D;
            word-break: keep-all;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
        }
      }
    }
  }
  .option-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
}
